{% extends "moko_base.html" %}
{% block head %}
  <script type="text/javascript">
  //<![CDATA[
  //]]>
  </script>
{% endblock %}
{% block body %}
	<h1>MOKO Top Girl</h1>
	<h2>{{count}}/{{model_count}}</h2>
	{% if pages %}
	<div class="pager clearfix">Page:
		<ul>
		{% for p in pages %}
		{% ifequal p page %}
		<li class="cpage">{{p}}</li>
		{% else %}
		<li><a href="{{request.path}}?page={{p}}">{{p}}</a></li>
		{% endifequal %}
		{% endfor %}
		</ul>
	</div>
	{% endif %}	
	<div id="topgirlgallery">
		{% for model in models %}
		<div class="topgirl">
			<div class="avatar"><a class="imgBorder" href="/model/{{ model.username|stringformat:"s"|urlencode }}{% if is_admin %}?action=update{% endif %}">
				<img class="avatar"
				{% if model.avatar %}
				src="{{host_img}}/{{model.username}}/{{model.avatar|imagename}}"
				{% else %}
				src="/images/avatar.jpg"
				{% endif %}
				 alt="{{model.name}}">
			</a>
			</div>
			<div class="name mainColor">&gt;<a class="mainWhite" title="mobile top girl:{{model.name}}" href="/model/{{ model.username|stringformat:"s"|urlencode }}{% if is_admin %}?action=update{% endif %}">{{model.name}}</a></div>
			</div>
		{% endfor %}
	</div>
	{% if pages %}
	<div class="pager clearfix">Page:
		<ul>
		{% for p in pages %}
		{% ifequal p page %}
		<li class="cpage">{{p}}</li>
		{% else %}
		<li><a href="{{request.path}}?page={{p}}">{{p}}</a></li>
		{% endifequal %}
		{% endfor %}
		</ul>
	</div>
	{% endif %}	
{% endblock %}
{% block footer %}
{% endblock %}